<template>
  <BasePageTable
    :table-data="tableData"
    :table-columns-data="tableColumnsData"
    style="height: 500px"
  ></BasePageTable>
</template>
<script setup lang="ts">
const props = defineProps({
  data: {
    type: Object,
    default: () => ({}),
  },
});

const tableColumnsData = ref([
  {
    prop: "categoryText",
    label: "分类",
    showOverflowTooltip: true,
  },
  {
    prop: "brandName",
    label: "品牌",
    showOverflowTooltip: true,
  },
  {
    prop: "budgetAmount",
    label: "预算金额（元）",
    showOverflowTooltip: true,
  },
]);

const tableData = computed(() => {
  return props.data.houseDesignBudgetVOList || [];
});
</script>
<style style="scss" scoped></style>
